<template>
    <div>
        <van-tabbar v-model="active" route fixed>
            <van-tabbar-item name="home" icon="wap-home-o" to='/home'>主页</van-tabbar-item>
            <van-tabbar-item name="list" icon="todo-list-o" to='/table'>直播表</van-tabbar-item>
            <van-tabbar-item name="discover" icon="aim" to='/discover'>发现</van-tabbar-item>
            <van-tabbar-item name="usercenter" icon="user-circle-o" to='userinfo'>我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
import { Tabbar, TabbarItem } from "vant";
export default {
    name: 'Tabber',
    components: {
        Tabbar,
        TabbarItem,
    },
    data() {
        return {
            active: '',
        }
    },
}
</script>


<style lang="sass" scoped>
    
</style>